<!DOCTYPE html>
<html>
  <head>
    <title>我的收藏</title>
	<meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  </head>
    <link rel="stylesheet" href="../../jsp/css/sm.min.css">
    <link rel="stylesheet" href="../../jsp/css/sm-extend.min.css">
    <link href="../../jsp/css/lanzuZhengzu.css" rel="stylesheet">
    <script src="../../js/jquery-2.1.1.js"></script>
    <script src="../../js/min/modernizr-custom-v2.7.1.min.js" type="text/javascript"></script>
    <script src="../../js/min/hammer-v2.0.3.min.js" type="text/javascript"></script>
    <script src="../../js/min/flickerplate.min.js" type="text/javascript"></script>
    <script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
    <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>
  	 <!-- 插件js -->
	<script src="../js/zepto.js"></script>
	<script src="../js/sm.js" ></script>
	<script src="../js/sm-extend.js" ></script>
	<script src="../js/request.js"></script>
    <script type="text/javascript">
	window.$$=window.Zepto = Zepto;
	</script>
  <body>
  <script>
  /*获取到Url里面的参数*/
(function ($) {
  $.getUrlParam = function (name) {
   var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
   var r = window.location.search.substr(1).match(reg);
   if (r != null) return unescape(r[2]); return null;
  }
 })(jQuery);

		var type = $.getUrlParam('type');
		var grade = $.getUrlParam('grade');
$(function(){
            var w_height = $(window).height();
            $('.menu').css('height',w_height);

            //   弹出右边菜单
            $('.menu_show').click(function(){
                $('.menu,.b_mark').css('display','block');
                $('.menu .menu_con').stop().animate({ right: '0' }, 300);
                flagArr = [];
            });
            $('.menu .b_mark').click(function(){
                $('.menu .menu_con').stop().animate({ right: '-70%' }, 300);
                setTimeout(function(){
                    $('.menu,.b_mark').fadeOut('fast');
                },250);
            });

        });
        
</script>
   <header class="bar bar-nav">
<!--     <a class="button button-link button-nav pull-left" href="#" data-transition='slide-out' onclick="goback()"> -->
<!--       <span class="icon icon-left" ></span> -->
<!--       返回 -->
<!--     </a> -->
    <h1 class="title">我的收藏</h1>
  </header>
  

<div class="tuijian_house_content" style="border-top:2.2rem solid #f3f3f3 " >
			<div>
			<ul class="house_ul">
				
			</ul>
			<div style="text-align: center;margin-top: -16%">
			<div class="weui-loadmore" style="display: none" id="loadmore">
	            <i class="weui-loading"></i>
	            <span class="weui-loadmore__tips">正在加载</span>
      		 </div>
      		 <p class="page__desc"  onclick="more()" >加载更多</p>
			</div> 
			</div>
			
		</div>
<script src="./js/myCollect.js"></script>
<script type="text/javascript">

	var offset = 0;//起始页码
	var limit =2;//每页个数 
	
	$(function(){
		
		myCl.initList();
		
		$(".house_ul").on("click","li",function(){
			var houseId  = $(this).attr("id");
			window.location.href="../../jsp/houseDetails.html?houseId="+houseId+"&grade="+grade;
		})
	});
	
	function goback(){
		window.location.href="../../jsp/zukeKongjian.html";
	}
	
	  function more(){
      	$("#loadmore").show();
      	$(".page__desc").hide();
      	offset = offset+limit;
      	myCl.initList();
      }
	  
	  var nonce="";//生成签名的随机串
	     var signature="";//签名
	     var timestamp="";//时间戳
	     var title="蓝居--定制租住生活";
	     var desc="房屋出租托管、租房、除甲醛除异味、保洁家修戳我！";
	     var sharLink="http://lanjushiye.com.cn/LanJuPublic/jsp/home.html";
	     var imgUrl="http://lanjushiye.com.cn/LanJuPublic/images/lanju.jpg";
	     $(document).ready(function(){  
	   	  var url = encodeURI(location.href.split('#')[0]);
	   	  $.ajax({
	   	         url: "../weixinImpl/getEncryptJsapiTicket.spring?rn="+(new Date().getTime()),
	   	         type: "POST",
	   	         data:{"url":url},
	   	         dataType: "json",
	   	         success: function(data){
	   	        	 if(data != null){
	   	        		 nonce=data.nonce;
	   		             signature=data.signature;
	   		             timestamp=data.timestamp;
	   		             loadWx();
	   	        	 }
	   	             
	   	          },
	   	          error:function(err){
	   	            console.log('异常');
	   	          }
	   	        });
	   });
	     
	     function loadWx(){
	   	  wx.config({
	   		    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
	   		    appId: 'wxb3b7beee9190b2ef', // 必填，公众号的唯一标识wxd894029b9bdb4b67
	   		    timestamp: timestamp, // 必填，生成签名的时间戳
	   		    nonceStr: nonce, // 必填，生成签名的随机串
	   		    signature: signature,// 必填，签名
	   		    jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ'] // 必填，需要使用的JS接口列表
	   		});
	   	  wx.ready(function(){
	   		  //分享到朋友圈
	   		  wx.onMenuShareTimeline({
	   			    title: title, // 分享标题
	   			    link: sharLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
	   			    imgUrl: imgUrl, // 分享图标
	   			    desc: desc, // 分享描述
	   			    success: function () {
	   			    // 用户确认分享后执行的回调函数
	   				},
	   			cancel: function () {
	   			    // 用户取消分享后执行的回调函数
	   		    }
	   		});
	   		  //分享到朋友
	   		  wx.onMenuShareAppMessage({
	   			  title: title, // 分享标题
	   			  desc: desc, // 分享描述
	   			  link: sharLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
	   			  imgUrl: imgUrl, // 分享图标
	   			  type: 'link', // 分享类型,music、video或link，不填默认为link
	   			  dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
	   			  success: function () {
	   			  // 用户确认分享后执行的回调函数
	   			  },
	   			  cancel: function () {
	   			  // 用户取消分享后执行的回调函数
	   			  }
	   			  });
	   		  //分享到QQ
	   		  wx.onMenuShareQQ({
	   			  title: title, // 分享标题
	   			  desc: desc, // 分享描述
	   			  link: sharLink, // 分享链接
	   			  imgUrl: imgUrl, // 分享图标
	   			  success: function () {
	   			  // 用户确认分享后执行的回调函数
	   			  },
	   			  cancel: function () {
	   			  // 用户取消分享后执行的回调函数
	   			  }
	   			  });
	   	  });
	   	  
	   	  wx.error(function(res){
	   		
	   	  });
	   	  
	   }
      
</script>
  </body>
</html>
